
.select-city{
  left: 0;
  right: 0;
  bottom: 0;
  z-index: $fy-popup-zIndex;
  position: fixed;
  background: #fff;
  border-radius: 20px 20px 0 0;

  &-head{
    height: 80px;
    &-title{
      width: 360px;
      font-size: 26px;
    }

    &-close{
      right: 0;
      color: #ccc;
      width: 80px;
      height: 80px;
      position: absolute;
      font-size: 40px;
    }
  }


  &-check{
    min-height: 200px;
    padding-bottom: 30px;
    &-item{
      height: 90px;
      display: flex;
      position: relative;
      align-items: center;
      padding-left: 90px;
      padding-right: 20px;
      &:before{
        width: 16px;
        height: 16px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background-color: #FF5001;
      }
      &:after{
        width: 1PX;
        height: 100%;
        transform: scaleX(0.5) translateX(-50%);
        background-color: #FF5001;
      }

      &:before,&:after{
        top: 50%;
        left: 34px;
        content: "";
        position: absolute;
      }

      &:last-child{
        &:after{
          display: none;
        }
      }
    }

    &-active{
      color: #FF5001;
    }
  }


  /* 级联选择 */
  &-city{
    height: 740px;
    //height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto;

    &-item{
      height: 90px;
      padding: 0 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    &-active{
      color: #FF5001;
    }
  }
}

